<template>
    <div>
        <login-top middleTop="注册管理平台">
          <div slot="right" style="font-size:3.611vw" @click="$router.push('/login')">切换到登录</div>
        </login-top>
        <login-text label="姓名"
         style="margin:4.167vw 0;"
         rule="^.{6,16}$"
         placeholder="请输入姓名"
         @inputChange="res => name = res"
        />
        <login-text label="账号"
         rule="^.{6,16}$"
         placeholder="请输入账号"
         @inputChange="res => username = res"
        />
        <login-text label="密码"
         rule="^.{6,16}$"
         placeholder="请输入密码"
         @inputChange="res => password = res"
         type="password"
        />
        <login-btn btntext="注册"></login-btn>
    </div>
</template>
<script>
import LoginTop from '../components/common/LoginTop.vue'
import LoginText from '../components/common/LoginText.vue'
import LoginBtn from '../components/common/LoginBtn.vue'
export default{
  data () {
    return {
      name: '',
      username: '',
      password: ''
    }
  },
  components: {
    LoginTop,
    LoginText,
    LoginBtn
  }
}
</script>
<style scoped>

</style>
